<!DOCTYPE html>
<html>
    <head>
        <title>后台管理</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge;IE=11;IE=10">
        <meta name="renderer" content="webkit|ie-comp|ie-stand">

        <link rel="stylesheet" href="css/themes/default/easyui.css">        
        <link rel="stylesheet" href="css/themes/icon.css">
        <link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/main.css">
    </head>

    <body>
        <div class="container">
            <div id="main" class="easyui-layout" style="width:100%; height: 700px;">
                <div data-options="region:'north'" style="height:50px;" id="north">
                    <nav>
                        <div>
                            <p>地铁取票系统管理后台</p>
                        </div>
                        <div>
                            <span>当前用户</span>
                            <a href="#" id="username">admin</a>
                            <a href="#" onclick="logout();">注销</a>
                        </div>
                    </nav>
                </div>

                <!--
                               <div data-options="region:'west'" style="width:260px;">
                                   
                               </div>
                -->

                <div data-options="region:'center'" style="width:100%;">
                    <div id="tabs" class="easyui-tabs" style="" data-options="fit:true,border:false">
                        <div data-options="title:'用户管理'">
                            <table id="user" class="easyui-edatagrid">

                            </table>
                        </div>
                        <div data-options="title:'城市站点管理'">
                            <div class="easyui-layout" data-options="fit:true,border:false" style="margin:2px 2px;">
                                <div data-options="region:'west'" style="width:200px;">

                                    <!-- 城市列表 -->
                                    <div class="easyui-panel" data-options="title:'城市列表',fit:true,border:false" id="city-panel">
                                        <div class="city-action">
                                            <a href="#" class="easyui-linkbutton" onclick="expandAll();">全部展开</a>
                                            <a href="#" class="easyui-linkbutton" onclick="collapseAll();">全部折叠</a>
                                        </div>
                                        <!-- 树 -->
                                        <ul id="city" class="easyui-tree">
                                        </ul>
                                    </div>
                                </div>

                                <div data-options="region:'center',border:false" style="width: 400px;">
                                    <div class="route">
                                        <div class="easyui-panel" data-options="fit:true,border:true,title:'线路'">
                                            <table id="route_table" class="easyui-edatagrid" data-options="fit:true,border:false"></table>
                                        </div>
                                    </div>

                                    <div class="station">
                                        <div class="easyui-panel" data-options="fit:true,border:true,title:'站点'">
                                            <table id="station_table" class="easyui-edatagrid" data-options="fit:true,border:false"></table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div data-options="region:'south'" style="height:32px;" id="south">
                    <p>
                        <span>爸爸说的都队</span>
                        <span>成员：XXX XXX XXX XXX XXX</span>
                    </p>
                </div>
            </div>
        </div>

        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.easyui.min.js"></script>
        <script src="js/jquery.edatagrid.js"></script>
        <script src="js/jquery.md5.js"></script>
        <script src="js/main.js"></script>
        <script>

        </script>
    </body>
</html>